<!-- 
 @description: 订单管理

 @author: 韦淇霰

 @update: 2021年9月3日14:55:35
 -->
 <!DOCTYPE html>
 <html lang="zh">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>订单管理首页</title>
     <link rel="stylesheet" href="../BackStyle/index.css">
     <link rel="stylesheet" href="../BackStyle/mail.css">
     <link rel="stylesheet" href="../BackStyle/fengye.css">
     <link rel="stylesheet" href="../../../public/font/css/font-awesome.min.css">
 </head>
 <body>
     <!-- 头部开始 -->
     <header id="head"> 
         <section class="logo">
            <h1><a href="./Index.html">后台管理界面</a></h1>
         </section>
         <!-- 打开左侧菜单栏 -->
         <section class="left_open">
             <!-- 三行图标 -->
             <p class="tb">
                 <i class="fa fa-bars" aria-hidden="true"></i>
             </p>
         </section>
         <ul class="right_nav">
             <!-- 管理员个人中心 -->
             <li class="admin_person">
                <p class="control"><a class="yh" href="javascript:;"></a>&nbsp;&nbsp;<i class="fa fa-sort-desc" aria-hidden="true"></i></p> 
                <ul class="nav_tow_menu">
                    <li><a id="tc">退出</a></li>
                </ul>
             </li>
             <!-- 前端首页 -->
             <li class="web_index">
                 <p class="control"><a href="../../FrontPageView/HomePageView/HomePageView.html">前端首页</a> </p> 
             </li>
         </ul>
     </header>
     <main id="main">
         <!-- 左侧菜单栏 -->
         <section class="left_menu">
             <!-- 一级菜单 -->
             <ul class="a_menu">
                 <li class="d">
                     <a href="javascript:;">
                         <i class="fa fa-university" aria-hidden="true"></i>
                         主页
                        <i class="fa fa-chevron-right" aria-hidden="true"></i>
                     </a> 
                    
                     <!-- 二级菜单 -->
                     <ul class="b_menu">
                         <li>
                             <a href="./Index.html">
                                 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;控制台
                             </a>
                         </li>
                     </ul>
                 </li>
                 <li class="d"  id="gl">
                    <a href="javascript:;">
                        <i class="fa fa-user-circle" aria-hidden="true"></i>
                        管理员信息管理 
                       <i class="fa fa-chevron-right" aria-hidden="true"></i>
                    </a>
                     <!-- 二级菜单 -->
                     <ul class="b_menu">
                        <li>
                            <a href="./Admin.html">
                                <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;管理员列表
                            </a>
                        </li>
                    </ul>
                </li>
                 <li class="d">
                     <a href="javascript:;">
                         <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                          订单信息管理
                        <i class="fa fa-chevron-right" aria-hidden="true"></i>
                     </a>
                    
                      <!-- 二级菜单 -->
                      <ul class="b_menu">
                          <li>
                             <a href="javascript:;">
                                 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;订单列表
                             </a>
                          </li>
                        
                     </ul>
                 </li>
                 <li class="d">
                     <a href="javascript:;">
                         <i class="fa fa-envelope" aria-hidden="true"></i>
                          资讯信息管理
                          <i class="fa fa-chevron-right" aria-hidden="true"></i>
                     </a>
                      <!-- 二级菜单 -->
                     <ul class="b_menu">
                         <li>
                             <a href="./Information.html">
                                 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;资讯列表
                             </a>
                          </li>
                     </ul>
                 </li>
                <li class="d">
                    <a href="javascript:;">
                     <i class="fa fa-address-card-o" aria-hidden="true"></i>
                        网点信息管理
                        <i class="fa fa-chevron-right" aria-hidden="true"></i>
                    </a>
                     <!-- 二级菜单 -->
                     <ul class="b_menu">
                         <li>
                             <a href="./Network.html">
                                 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;网点列表
                             </a>
                          </li>
                     </ul>
                 </li>
                 <li class="d">
                     <a href="javascript:;">
                         <i class="fa fa-users" aria-hidden="true"></i>
                         关于我们管理
                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
                     </a>
                      <!-- 二级菜单 -->
                     <ul class="b_menu">
                         <li>
                             <a href="./About_us.html">
                                 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;关于我们列表
                             </a>
                          </li>
                     </ul>
                 </li>
                 <li class="d">
                     <a href="javascript:;">
                         <i class="fa fa-wikipedia-w" aria-hidden="true"></i>
                          网站设置管理
                          <i class="fa fa-chevron-right" aria-hidden="true"></i>
                     </a>
                      <!-- 二级菜单 -->
                     <ul class="b_menu">
                         <li>
                             <a href="./Website.html">
                                 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;网站列表
                             </a>
                          </li>
                     </ul>
                 </li>
                 <li class="d">
                    <a href="javascript:;">
                        <i class="fa fa-refresh" aria-hidden="true"></i> 
                         轮播图管理
                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
                    </a>
                     <!-- 二级菜单 -->
                    <ul class="b_menu">
                        <li>
                            <a href="./Pitrue.html">
                                <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;图片列表
                            </a>
                         </li>
                    </ul>
                </li>
                <li class="d">
                    <a href="javascript:;">
                        <i class="fa fa-check-square-o" aria-hidden="true"></i>
                         协议管理
                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
                    </a>
                     <!-- 二级菜单 -->
                    <ul class="b_menu">
                        <li>
                            <a href="./Argument.html">
                                <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;协议
                            </a>
                         </li>
                    </ul>
                </li>
             </ul>
         </section>
         <!-- 内容区 -->
         <section class="content_area">
             <!-- 面包蟹 -->
             <section class="mbx">
                <p><a href="./Index.html"><i class="fa fa-reply" aria-hidden="true"></i>返回首页</a> 您当前的位置 : <span>订单信息管理 <i class="fa fa-angle-left" aria-hidden="true"></i> 订单列表</span></p>
            </section>
             <!-- 订单栏 -->
             <section class="order">
                  <input id="sou" type="text" placeholder="搜索订单号 ..." >
                  <button type="button" class="Search" ><i class="fa fa-search" aria-hidden="true"></i> 搜索</button>
             </section>
             <div class="back">
                <div class="box">
                    <form action="">
                        <div>
                            寄件人姓名:<input pattern="/[\u4e00-\u9fa5]{1,}/g"  required type="text" id="jjname">
                            寄件人电话:<input pattern="/^1[3-9][0-9]{9}$/"  required  type="text" id="jjphone">
                            寄件人地址:<input pattern="[\w]{2,}"  required  type="text" id="jjaddress">
                        </div>
                        <hr>
                        <div>
                            收件人姓名:<input pattern="/[\u4e00-\u9fa5]{1,}/g"  required  type="text" id="sjname">
                            收件人电话:<input pattern="/^1[3-9][0-9]{9}$/"  required  type="text" id="sjphone">
                            收件人地址:<input pattern="[\w]{2,}"  required  type="text" id="sjaddress">
                        </div>
                        <hr>
                        <div>
                            上门时间:<input required  type="date" id="smtime">
                        </div>
                        <hr>
                        <div class="btnplay">
                            <button id="submit" type="button">提交</button>
                            <button id="closes" type="button">关闭</button>
                        </div>
                    </form>
                </div>
            </div>
            <form >
                <!-- 寄件列表 -->
                <fieldset class="maillist">
                   <legend>订单列表</legend>
                   <!-- 表格 -->
                  <table id="tab">
                    <tr class="tab_a">
                        <th>ID</th>
                        <th>订单号</th>
                        <th>寄件人姓名</th>
                        <th>寄件人电话</th>
                        <th>寄件人地址</th>
                        <th>收件人姓名</th>
                        <th>收件人号码</th>
                        <th>收件人地址</th>
                        <th>收件人上门时间</th>
                        <th>下单时间</th>
                        <th>操作</th>
                    </tr>
                  </table>
                  <!-- <section class="page">
                    <ul class="ulTag">
                      
                    </ul>
                </section> -->
                <div class="boxs"></div>
                <!-- <form action="" id="page-go">
                <input type="text" id="page-num">
                <input type="submit" id="goto" value="Go">
                </form> -->
                </fieldset>
            </form>
        </section>>
    </main>
    <script crossorigin="anonymous" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>
    <script  type="text/javascript"  src="../BackJS/index.js"></script>
    <script  type="text/javascript"  src="../BackJS/mail.js"></script> 

 </body>
 </html>